<template>
	<view class="home">
		<view class="nav">
			<view class="nav_item">
				<view class="icon-icon_ziyuan"></view><text>资源</text>	
			</view>
			<view class="nav_item">
				<view class="icon-icon_shipin"></view><text>视频</text>	
			</view>
			<view class="nav_item">
				<view class="icon-icon_tupian"></view><text>图片</text>	
			</view>
			<view class="nav_item">
				<view class="icon-icon_guanyuwomen"></view><text>关于我们</text>	
			</view>
			
		</view>
		
	</view>
</template>

<script>
	<style lang="scss">
		// @import url("./a.css");
		.home{
			box1{
				width: 375rpx;
				height: 375rpx;
				background: $global-color;
				// background: red;
				font-size: 30rpx;
				color: #fff;
				text{
					color: pink;
				}
				image{
					height: 100%;
					width: 100%;
				}
			}
		 .nav {
			display: flex;
			.nav_item {
				width: 25%;
				text-align: center;
				view{
					width: 120rpx;
					height: 120rpx;
					background: $shop-color;
					border-radius: 60rpx;
					margin: 10px auto;
					line-height: 120rpx;
					color: #fff;
					font-size: 50rpx;
				}
				.icon-tupian{
					font-size: 45rpx;
				}
				text{
					font-size: 30rpx;
					color: $shop-color;
				}
			}
		 }
		}
	</style>

</script>

<style>
</style>